/* pages/actives/index.wxss */
// page {
//   background-color: #f6f6f6;
// }
.activesUserList {
  display: flex;
  align-items: center;
  flex-direction: column;

  .activesRow {
    box-shadow: 3px 3px 3px #999;
    width: 90%;
    border-radius: 20rpx;
    padding: 30rpx;
    margin-top: 20rpx;
    navigator {
      .activesImg {
        position: relative;
        border-radius: 20rpx;
        .iconfont {
          position: absolute;
          top: 30rpx;
          right: 30rpx;
          color: black;
        }
        .icon-weibiaoti19 {
          color: var(--themeColor);
        }
      }
    }

    .activeTitleRow {
      margin-top: 20rpx;
      display: flex;
      justify-content: space-around;

      .title {
        // border: 1px solid #000;

        font-size: 38rpx;
        font-weight: 400;
        flex: 2;
        display: flex;
        justify-content: left;
        align-items: center;
      }

      .signBtn {
        flex: 1;
        padding: 10rpx 0;
        background-color: var(--themeColor);
        width: 70rpx;
        height: 60rpx;
        border-radius: 50rpx;
        font-weight: 400;
        font-size: 28rpx;
      }
    }
  }
}

.active_manage {
  margin-top: 30rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  navigator {
    background-color: var(--themeColor);
    font-weight: 400;
    font-size: 28rpx;
    width: 80%;
    border-radius: 20rpx;
    .uploadActiveBtn {
      background-color: var(--themeColor);
      font-weight: 400;
      font-size: 28rpx;
      width: 80%;
      border-radius: 20rpx;
      .text {
        margin-top: 10rpx;
      }
    }
  }

  .activesListBox {
    // border: 1px solid #000;
    width: 100%;
    padding: 0 30rpx;
    margin-top: 30rpx;

    .listRow {
      border-radius: 20rpx;
      width: 100%;
      height: 120rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 20rpx;
      //   border: 1px solid #000;
      box-shadow: 2rpx 2rpx 8rpx 2rpx #999;
      .title {
        // border: 1px solid red;
        flex: 2;
        font-size: 35rpx;
        margin-left: 20rpx;
      }

      .action {
        display: flex;

        flex: 1;
        .edit {
          background-color: var(--themeColor);
        }

        .del {
        }

        button {
          font-size: 20rpx;
          padding: 10rpx 0;
          width: 90rpx;
          border-radius: 50rpx;
          font-weight: 400;
        }
      }
    }
  }
}
